<template>
  <div id="left_ech4" style="width: 95%;height:200px;"></div>
</template>

<script>
export default {
  data() {
    return {};
  },
  mounted() {
    this.bottom_left();
  },
  methods: {
    bottom_left() {
      let myChart = this.$echarts.init(document.getElementById("left_ech4"));
      myChart.setOption({
        title: {
          text: "生产线效率",
          left: "left",
          top: 10,
          textStyle: {
            color: "#4dd4f5",
            fontSize: 14,
            fontWeight: 400
          }
        },
        textStyle: {
          color: "white"
        },
        grid: {
          left: "3%",
          right: "4%",
          bottom: "3%",
          containLabel: true
        },
        xAxis: {
          textStyle: {
            color: "#fff"
          },
          type: "category",
          data: ["周一", "周二", "周三", "周四", "周五", "周六", "周日"]
        },
        yAxis: {
          type: "value"
        },
        series: [
          {
            data: [20, 32, 51, 74, 80, 90, 110],
            type: "line"
          }
        ]
      });
    }
  }
};
</script>